<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.*" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>传染病疫情防护知识</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="bg-purple-50 min-h-screen">
    <!-- 预警条 -->
    <div class="bg-gradient-to-r from-purple-600 to-purple-400 text-white text-center py-2">
        <i class="fas fa-virus mr-2"></i>疫情期间，请注意个人防护，减少聚集！
    </div>
    <!-- 标题区 -->
    <div class="max-w-4xl mx-auto mt-8">
        <h1 class="text-4xl font-bold text-purple-700 mb-2 flex items-center"><i class="fas fa-virus mr-3"></i>传染病疫情防护知识</h1>
        <p class="text-purple-600 text-lg mb-6">科学防疫，守护健康</p>
        <!-- 卖点卡片区 -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
            <div class="bg-white rounded-xl shadow p-5 flex flex-col items-center">
                <i class="fas fa-head-side-mask text-3xl text-purple-500 mb-2"></i>
                <div class="font-bold text-lg">佩戴口罩</div>
                <div class="text-sm text-gray-500">外出时规范佩戴口罩</div>
            </div>
            <div class="bg-white rounded-xl shadow p-5 flex flex-col items-center">
                <i class="fas fa-hands-wash text-3xl text-purple-500 mb-2"></i>
                <div class="font-bold text-lg">勤洗手</div>
                <div class="text-sm text-gray-500">保持手部卫生，减少感染</div>
            </div>
            <div class="bg-white rounded-xl shadow p-5 flex flex-col items-center">
                <i class="fas fa-people-arrows text-3xl text-purple-500 mb-2"></i>
                <div class="font-bold text-lg">保持距离</div>
                <div class="text-sm text-gray-500">避免聚集，保持社交距离</div>
            </div>
        </div>
        <!-- 预防措施 -->
        <div class="bg-purple-100 rounded-xl p-6 mb-6">
            <h2 class="text-2xl font-semibold text-purple-700 mb-2"><i class="fas fa-shield-alt mr-2"></i>疫情预防措施</h2>
            <ul class="list-disc pl-6 text-purple-800 space-y-1">
                <li>外出佩戴口罩，避免前往人群密集场所。</li>
                <li>勤洗手，保持良好个人卫生。</li>
                <li>室内勤通风，定期消毒。</li>
                <li>出现发热、咳嗽等症状及时就医。</li>
                <li>接种疫苗，增强免疫力。</li>
            </ul>
        </div>
        <!-- 应急处理 -->
        <div class="bg-white rounded-xl shadow p-6 mb-6">
            <h2 class="text-2xl font-semibold text-purple-700 mb-2"><i class="fas fa-running mr-2"></i>疫情应急处理</h2>
            <ul class="list-decimal pl-6 text-purple-800 space-y-1">
                <li>如有疑似症状，及时报告并居家隔离。</li>
                <li>配合社区、医疗机构流调和防控措施。</li>
                <li>避免与他人密切接触，防止传播。</li>
                <li>保持良好心态，科学应对疫情。</li>
                <li>关注权威信息，不信谣、不传谣。</li>
            </ul>
        </div>
        <!-- 紧急电话 -->
        <div class="bg-purple-200 rounded-xl p-4 mb-6 flex items-center">
            <i class="fas fa-phone-alt text-2xl text-purple-600 mr-4"></i>
            <span class="text-lg font-bold text-purple-800">防疫热线：12320</span>
        </div>
        <!-- 家庭急救包 -->
        <div class="bg-white rounded-xl shadow p-6 mb-10">
            <h2 class="text-2xl font-semibold text-purple-700 mb-2"><i class="fas fa-briefcase-medical mr-2"></i>家庭防疫包建议</h2>
            <ul class="list-disc pl-6 text-purple-800 space-y-1">
                <li>口罩、消毒液、洗手液</li>
                <li>体温计、常用药品</li>
                <li>一次性手套、纸巾</li>
                <li>饮用水、应急食品</li>
                <li>健康码、行程码等信息备份</li>
            </ul>
        </div>
    </div>
</body>
</html> 